// // 混入mixins
import { mapGetters } from "vuex"

export default {
    computed: {
        ...mapGetters('car', ['getTotal'])
    },
    onShow() {
        this.setBadge()
    },
    watch: {
        getTotal() {
            // 值发送改变 则改变图标
            this.setBadge()
        }
    },
    methods: {
        setBadge() {
            if (this.getTotal > 0) { // 由于购物车图标0也会显示，需要去掉
                // 小程序的tabbar图标显示方法 uni.setTabBarBadge
                uni.setTabBarBadge({
                    index: 2,
                    text: this.getTotal + '' // text值一定要是字符串，否则出不来
                })
            } else {

                uni.removeTabBarBadge({
                    index: 2
                })
            }
        }

    }
}

// import { mapGetters } from 'vuex'
// export default {
//     computed: {
//         ...mapGetters('car', ['getTotal'])
//     },
//     watch: {
//         getTotal() {
//             this.setBadge()
//         }
//     },
//     onShow() {
//         this.setBadge()
//     },
//     methods: {
//         setBadge() {
//             if (this.getTotal > 0) {
//                 uni.setTabBarBadge({
//                     index: 2,
//                     text: this.getTotal + '' // text值一定要是字符串，否则出不来
//                 })
//             } else {
//                 uni.removeTabBarBadge({
//                     index: 2
//                 })
//             }
//         }
//     }
// }
